<template>
    <div class="aideddesign">
        <div>
            <div style="width: 1200px; margin: 0 auto;">
                <span class="title">辅助设计机器人</span>
            </div>
            <div>
                <div style="display: flex;">
                    <div style="flex: 1; text-align: center;">
                        <img style="margin-top: 20px" src="./../../assets/bot.png" alt="">
                        <div style="margin-top: 20px;">
                            <span>外观辅助设计</span>
                        </div>
                    </div>
                    <div style="flex: 2; text-align: left;">
                        <ul style="margin-top: 40px;">
                            <li>1、检测外观有无专利侵权</li>
                            <li>2、检测外观设计是否符合业界规范</li>
                            <li>3、进一步给出优化建议</li>
                        </ul>
                        <div class="common_btn2">
                            <span>导入外观图纸</span>
                        </div>
                    </div>
                </div>
                <div style="display: flex;">
                    <div style="flex: 1; text-align: center;">
                        <img style="margin-top: 20px" src="./../../assets/bot.png" alt="">
                        <div style="margin-top: 20px;">
                            <span>BOM辅助设计</span>
                        </div>
                    </div>
                    <div style="flex: 2; text-align: left;">
                        <ul style="margin-top: 40px;">
                            <li>1、评测BOM器件是否合理</li>
                            <li>2、给出同性能低成本的替代器件</li>
                        </ul>
                        <div class="common_btn2">
                            <span>导入BOM编码</span>
                        </div>
                    </div>
                </div>
                <div style="display: flex;">
                    <div style="flex: 1; text-align: center;">
                        <img style="margin-top: 20px" src="./../../assets/bot.png" alt="">
                        <div style="margin-top: 20px;">
                            <span>产品竞争力评测</span>
                        </div>
                    </div>
                    <div style="flex: 2; text-align: left;">
                        <ul style="margin-top: 40px;">
                            <li>1、对比市场竞品给出竞争力打分；</li>
                            <li>2、给出优化建议；</li>
                        </ul>
                        <div class="common_btn2">
                            <span>导入产品规格</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'aideddesign',
    data() {
        return {
        }
    },
    mounted() {
    },
    methods: {
    }
}
</script>
<style scoped>
.common_btn2 {
    width: 150px;
    height: 28px;
    line-height: 28px;
    margin: 15px;
    text-align: center;
    font-size: 16px;
    color: var(--color-base);
    background-color: var(--color-common-ff);
    border: 1px solid var(--color-base);
    border-radius: 15px;
}
</style>